Git分支解析 Git分支# 概念：本质上是指向 提交节点 的可变指针，默认名字是master 注意：HEAD指针影响工作区/暂存区的代码状态 一个库可能有多个分支，所以有一个HEAD指针指向其中之一，代表当前分支 分支使用场景：开发 新需求/修复bug ，保证主线代码随时可用，多人协同开发提高效率 例如：在现有代码上创建分支...

文件操作 文件操作# 删除文件# 需求：删除文件并产生一次版本记录 步骤： 手动删除工作区文件 暂存变更/手动删除暂存区文件造成变更 从暂存区移除文件，命令 git rm --catched 目标文件 提交保存 ...

Git回退版本 Git回退版本# 概念：把版本库某个版本对应的内容快照， 恢复 到工作区/暂存区 查看提交历史： git log --online 、 git reflog --oneline 回退命令： git reset --soft 版本号 （其他文件尽量保留，且状态改变） ...

Git三个区域 Git三个区域# Git使用时： 工作区：实际开发时操作的文件夹 暂存区 .git/index ：保存之前的 准备区域 （暂存改动过的文件） 版本库 .git/objects ：提交并保存暂存区中的内容，产生一个版本快照 git基础命令 ...

Git初体验 Git初体验# 概念：一个免费开源，分布式的代码版本控制系统，帮助开发团队维护代码 作用：记录代码内容，切换代码版本，多人开发时高效合并代码内容 学习： 个人本机使用：Git基础命令和概念 多人共享使用：团队开发同一个项目的代码版本管理 Git安装# 下载Git：https://git.p2hp.com/ 检验成功： 打开bash终端（git专用） ...

优化-分割公共代码 优化-分割公共代码# 需求：把2个以上页面引用的公共代码提取 比如3个页面都引入了request.js这个文件，在打包时3个页面都会把它打包一次，这是没必要的 步骤： 配置webpack.config.js的 splitChunks 分割功能 打包观察效果 配置 // ... const config = { // ... optimiz...

多页面打包 多页面打包# 单页面 ：单个html文件 ，切换DOM的方式实现不同业务逻辑展示，后续Vue/React再拓展学习 多页面：多个html文件，切换页面实现不同业务逻辑展示 实例# 需求：把黑马头条-数据管理平台-内容页面-发布页面一起引入打包使用 步骤： 准备源码（html、css、js）放入相应位置，并改用模块化语法导出 下载form-serial...

优化-CDN使用 优化-CDN使用# CDN定义 ：内容分发网络，指的是一组分布在各个地区的服务器 作用：把静态资源文件/第三方库放在CDN网络中各个服务器中，供用户就近请求获取 好处：减轻自己服务器请求压力，就近请求物理延迟低，配套缓存策略 实测# 需求：开发模式使用 本地 第三方库，生产模式下使用 CDN加载 引入 ...

解析别名alias 解析别名alias# 解析别名 ：配置模块如何解析 ，创建import引入路径的别名 ，来确保模块引入变得更简单 例如：原来路径如下，比较长且相对路径不安全 import { checkPhone, checkCode } from '../src/utils/check.js'; 解决：在webpack.config.js中配置解析别名 @ 来代表src绝对路径 // ... const config={ // ...

开发环境调错-sourcemap 开发环境调错-source map# 问题：代码被压缩和混淆，无法正确定位源代码位置（行数和列数） source map ：可以准确追踪error和warning在原始代码的位置 设置：webpack.config.js配置 devtool选项 module.exports={ // ... devtool:'inline-source-map' } inline-source-map ...